<!DOCTYPE html>
<html lang="en">
    <head>

        <!-- start: Meta -->
        <meta charset="utf-8">
        <title>Perfectum Dashboard - Perfect Bootstrap Admin Template</title>
        <meta name="description" content="Perfectum Dashboard Bootstrap Admin Template.">
        <meta name="author" content="Łukasz Holeczek">
        <!-- end: Meta -->

        <!-- start: Mobile Specific -->
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!-- end: Mobile Specific -->

        <!-- start: CSS -->
        <link id="bootstrap-style" href="<?php echo Yii::app()->baseUrl; ?>/css/admin/bootstrap.min.css" rel="stylesheet">
        <link href="<?php echo Yii::app()->baseUrl; ?>/css/admin/bootstrap-responsive.min.css" rel="stylesheet">
        <link id="base-style" href="<?php echo Yii::app()->baseUrl; ?>/css/admin/style.css" rel="stylesheet">
        <link id="base-style-responsive" href="<?php echo Yii::app()->baseUrl; ?>/css/admin/style-responsive.css" rel="stylesheet">
        <?php Yii::app()->clientScript->registerCoreScript('jquery'); ?>
        <?php Yii::app()->clientScript->registerCoreScript('jquery.ui'); ?>
        <link href="<?php echo Yii::app()->baseUrl; ?>/js/admin/editable/bootstrap3-editable/css/bootstrap-editable.css" rel="stylesheet"/>
        
                
        <!--[if lt IE 7 ]>
        <link id="ie-style" href="css/style-ie.css" rel="stylesheet">
        <![endif]-->
        <!--[if IE 8 ]>
        <link id="ie-style" href="css/style-ie.css" rel="stylesheet">
        <![endif]-->
        <!--[if IE 9 ]>
        <![endif]-->

        <!-- end: CSS -->


        <!-- The HTML5 shim, for IE6-8 support of HTML5 elements -->
        <!--[if lt IE 9]>
          <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->

        <!-- start: Favicon -->
        <link rel="shortcut icon" href="img/favicon.ico">
        <!-- end: Favicon -->




    </head>

    <body>
        <div id="overlay">
            <ul>
                <li class="li1"></li>
                <li class="li2"></li>
                <li class="li3"></li>
                <li class="li4"></li>
                <li class="li5"></li>
                <li class="li6"></li>
            </ul>
        </div>	
        <!-- start: Header -->
        <div class="navbar">
            <div class="navbar-inner">
                <div class="container-fluid">
                    <a class="btn btn-navbar" data-toggle="collapse" data-target=".top-nav.nav-collapse,.sidebar-nav.nav-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </a>
                    <a class="brand" href="index.html">  <span class="hidden-phone">Website chia sẻ ý tưởng</span></a>
                </div>
            </div>
        </div>
        <!-- start: Header -->

        <div class="container-fluid">
            <div class="row-fluid">

                <!-- start: Main Menu -->
                <div class="span2 main-menu-span">
                    <div class="nav-collapse sidebar-nav">
                        <ul class="nav nav-tabs nav-stacked main-menu">
                            <li><a href="<?php echo Yii::app()->createUrl('admin'); ?>"><i class="fa-icon-home icon-white"></i><span class="hidden-tablet"> Dashboard</span></a></li>
                            <li><a href="<?php echo Yii::app()->createUrl('admin/default/DSYTuong'); ?>"><i class="fa-icon-eye-open icon-white"></i><span class="hidden-tablet"> Ý Tưởng</span></a></li>
                            <li><a href="<?php echo Yii::app()->createUrl('admin/default/NguoiDung'); ?>"><i class="fa-icon-edit icon-white"></i><span class="hidden-tablet"> Người dùng</span></a></li>
                            <li><a href="<?php echo Yii::app()->createUrl('admin/default/LinhVuc'); ?>"><i class="fa-icon-list-alt icon-white"></i><span class="hidden-tablet"> Lĩnh vực</span></a></li>
                            <li><a href="<?php echo Yii::app()->createUrl('admin/default/ThamSo'); ?>"><i class="fa-icon-list-alt icon-white"></i><span class="hidden-tablet"> Tham số</span></a></li>
<!--                            <li>
                                <a class="dropmenu" href="#"><i class="fa-icon-folder-close-alt"></i><span class="hidden-tablet"> Tham số</span></a>
                                <ul>
                                    <li><a class="submenu" href="<?php echo Yii::app()->createUrl('admin/default/TrangNhat'); ?>"><i class="fa-icon-file-alt"></i><span class="hidden-tablet"> Trang nhất</span></a></li>
                                    <li><a class="submenu" href="<?php echo Yii::app()->createUrl('admin/default/Giới'); ?>"><i class="fa-icon-file-alt"></i><span class="hidden-tablet"> GT Danh Mục</span></a></li>
                                </ul>	
                            </li>-->
<!--                            <li><a href="typography.html"><i class="icon-font icon-white"></i><span class="hidden-tablet"> Typography</span></a></li>
                            <li><a href="gallery.html"><i class="icon-picture icon-white"></i><span class="hidden-tablet"> Gallery</span></a></li>
                            <li><a href="table.html"><i class="icon-align-justify icon-white"></i><span class="hidden-tablet"> Tables</span></a></li>
                            <li><a href="calendar.html"><i class="icon-calendar icon-white"></i><span class="hidden-tablet"> Calendar</span></a></li>
                            <li><a href="grid.html"><i class="icon-th icon-white"></i><span class="hidden-tablet"> Grid</span></a></li>
                            <li><a href="file-manager.html"><i class="icon-folder-open icon-white"></i><span class="hidden-tablet"> File Manager</span></a></li>
                            <li><a href="icon.html"><i class="icon-star icon-white"></i><span class="hidden-tablet"> Icons</span></a></li>
                            <li><a href="login.html"><i class="icon-lock icon-white"></i><span class="hidden-tablet"> Login Page</span></a></li>-->
                        </ul>
                    </div><!--/.well -->
                </div><!--/span-->
                <!-- end: Main Menu -->

                <noscript>
                <div class="alert alert-block span10">
                    <h4 class="alert-heading">Warning!</h4>
                    <p>You need to have <a href="http://en.wikipedia.org/wiki/JavaScript" target="_blank">JavaScript</a> enabled to use this site.</p>
                </div>
                </noscript>

                <div id="content" class="span10">
                    <!-- start: Content -->
                    <?php echo $content; ?>
                    <!-- end: Content -->
                </div><!--/#content.span10-->
            </div><!--/fluid-row-->

            <div class="modal hide fade" id="myModal">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">×</button>
                    <h3>Settings</h3>
                </div>
                <div class="modal-body">
                    <p>Here settings can be configured...</p>
                </div>
                <div class="modal-footer">
                    <a href="#" class="btn" data-dismiss="modal">Close</a>
                    <a href="#" class="btn btn-primary">Save changes</a>
                </div>
            </div>
            <div class="modal hide fade" id="ChiTietModal">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">×</button>
                    <h3>Chi tiết ý tưởng</h3>
                </div>
                <div class="modal-body">
                    <p>Here settings can be configured...</p>
                </div>
                <div class="modal-footer">
                    <a href="#" class="btn" data-dismiss="modal">Close</a>
                    <a href="#" class="btn btn-primary">Save changes</a>
                </div>
            </div>

            <div class="clearfix"></div>

            <footer>
                <p>
                    <span style="text-align:left;float:left">&copy; <a href="http://clabs.co" target="_blank">creativeLabs</a> 2013</span>
                    <span style="text-align:right;float:right">Powered by: <a href="#">Perfectum Dashboard</a></span>
                </p>

            </footer>

        </div><!--/.fluid-container-->

        <!-- start: JavaScript-->


        <?php
        $scriptfiles = array('jquery-migrate-1.0.0.min.js', 'jquery-ui-1.10.0.custom.min.js', 'jquery.ui.touch-punch.js', 'bootstrap.min.js', 'editable/bootstrap3-editable/js/bootstrap-editable.min.js', 'jquery.cookie.js', 'fullcalendar.min.js', 'jquery.dataTables.min.js', 'excanvas.js', 'jquery.flot.min.js', 'jquery.flot.pie.min.js', 'jquery.flot.stack.js', 'jquery.flot.resize.min.js', 'jquery.chosen.min.js', 'jquery.uniform.min.js', 'jquery.cleditor.min.js', 'jquery.noty.js', 'jquery.elfinder.min.js', 'jquery.raty.min.js', 'jquery.iphone.toggle.js', 'jquery.uploadify-3.1.min.js', 'jquery.gritter.min.js', 'jquery.imagesloaded.js', 'jquery.masonry.min.js', 'jquery.knob.js', 'jquery.sparkline.min.js', 'custom.js');
        foreach ($scriptfiles as $value) {
            Yii::app()->clientScript->registerScriptFile((Yii::app()->baseUrl) . '/js/admin/' . $value, CClientScript::POS_END);
        }
        ?>
        <!--<script src="<?php // echo Yii::app()->baseUrl; ?>/js/admin/editable/bootstrap3-editable/js/bootstrap-editable.min.js" type="text/javascript"></script>-->
        <script type="text/javascript">

            function message_welcome1() {
                var unique_id = $.gritter.add({
                    // (string | mandatory) the heading of the notification
                    title: 'Welcome on Perfectum Dashboard',
                    // (string | mandatory) the text inside the notification
                    text: 'I hope you like this template',
                    // (string | optional) the image to display on the left
                    image: 'img/avatar.jpg',
                    // (bool | optional) if you want it to fade out on its own or just sit there
                    sticky: false,
                    // (int | optional) the time you want it to be alive for before fading out
                    time: '',
                    // (string | optional) the class name you want to apply to that specific message
                    class_name: 'my-sticky-class'
                });
            }

            function message_welcome2() {
                var unique_id = $.gritter.add({
                    // (string | mandatory) the heading of the notification
                    title: 'Perfectum is Amazing Theme',
                    // (string | mandatory) the text inside the notification
                    text: 'Perfectum works on all devices, computers, tablets and smartphones. Perfectum has lots of great features. Try It!',
                    // (string | optional) the image to display on the left
                    image: 'img/avatar.jpg',
                    // (bool | optional) if you want it to fade out on its own or just sit there
                    sticky: false,
                    // (int | optional) the time you want it to be alive for before fading out
                    time: '',
                    // (string | optional) the class name you want to apply to that specific message
                    class_name: 'my-sticky-class'
                });
            }

            function message_welcome3() {
                var unique_id = $.gritter.add({
                    // (string | mandatory) the heading of the notification
                    title: 'Buy Perfectum!',
                    // (string | mandatory) the text inside the notification
                    text: 'This great template can be yours today.',
                    // (string | optional) the image to display on the left
                    image: 'img/avatar.jpg',
                    // (bool | optional) if you want it to fade out on its own or just sit there
                    sticky: false,
                    // (int | optional) the time you want it to be alive for before fading out
                    time: '',
                    // (string | optional) the class name you want to apply to that specific message
                    class_name: 'gritter-light'
                });
            }

            $(document).ready(function() {

//                setTimeout("message_welcome1()", 5000);
//                setTimeout("message_welcome2()", 10000);
//                setTimeout("message_welcome3()", 15000);

            });
        </script>
        <!-- end: JavaScript-->

    </body>
</html>
